<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>首页</title>

    <link th:href="@{/AmazeUI-2.4.2/assets/css/amazeui.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/AmazeUI-2.4.2/assets/css/admin.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/basic/css/demo.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/css/hmstyle.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/AmazeUI-2.4.2/assets/js/jquery.min.js}"></script>
    <script th:src="@{/AmazeUI-2.4.2/assets/js/amazeui.min.js}"></script>

</head>

<body>
<div class="hmtop">
    <!--顶部导航条 -->
    <!--<div class="am-container header">
        <ul class="message-l">
            <div class="topMessage">
                <div class="menu-hd">
                    <a href="#" target="_top" class="h">亲，请登录</a>
                    <a href="#" target="_top">免费注册</a>
                </div>
            </div>
        </ul>
        <ul class="message-r">
            <div class="topMessage home">
                <div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
            </div>
            <div class="topMessage my-shangcheng">
                <div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
                </div>
            </div>
            <div class="topMessage mini-cart">
                <div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i
                        class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum"
                                                                                              class="h">0</strong></a>
                </div>
            </div>
            <div class="topMessage favorite">
                <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
                </div>
        </ul>
    </div>-->
    <div class="am-container header" style="background-color: #e0efff;">
        <ul class="message-l">
            <div class="topMessage">
                <div class="menu-hd">

                <span class="fr">
            <span class="fl" th:if="${session.User == null}">你好，请<a th:href="@{/login}" style="color:#ff4e00;">登录</a>&nbsp;<a
                    th:href="@{/register}" style="color:#ff4e00;">免费注册</a>&nbsp;&nbsp;</span>
            <span class="fl" th:if="${session.User != null}"><a th:href="@{/user/information}">欢迎回来，<span
                    th:text="${session.User.username}"></span></a>&nbsp;|&nbsp;<a
                    th:href="@{/order/orderList}">我的订单</a>&nbsp;</span>
            <span class="fl" th:if="${session.User != null}">|&nbsp;<a th:href="@{/user/logout}">注销</a></span>&nbsp;|&nbsp;
            <span> <a th:href="@{/cart/findAllCart}">购物车</a></span>
                </span>
                </div>
            </div>
        </ul>
        <ul class="message-r">
            <div class="topMessage home">
                <div class="menu-hd"><a href="home" target="_top" class="h">商城首页</a></div>
            </div>
            <div class="topMessage my-shangcheng">
                <div class="menu-hd MyShangcheng"><a th:href="@{/user/index}" target="_top"><i
                        class="am-icon-user am-icon-fw"></i>个人中心</a>
                </div>
            </div>


        </ul>
    </div>
    <!--悬浮搜索框-->


    <div class="nav white">

        <div class="logoBig">
            <li><img th:src="@{/images/居家乐.jpg}" width="100px" height="90px"/></li>
        </div>

        <div class="search-bar pr">
            <a name="index_none_header_sysc" href="#"></a>
            <form th:action="@{/product/search}" method="post">
                <input id="searchInput" name="searchInput" type="text" placeholder="搜索" autocomplete="on">
                <input id="ai-topsearch" class="submit am-btn" value="搜索" type="submit">
            </form>
        </div>
    </div>
    <div class="clear"></div>
</div>


<div class="banner">
    <!--轮播 -->
    <div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
        <ul class="am-slides">
            <li class="banner1"><a href="introduction.html"><img th:src="@{/images/banner4.jpg}"/></a></li>
            <li class="banner2"><a><img th:src="@{/images/banner1.jpg}"/></a></li>
            <li class="banner3"><a><img th:src="@{/images/banner2.jpg}"/></a></li>
            <li class="banner4"><a><img th:src="@{/images/banner3.jpg}"/></a></li>

        </ul>
    </div>
    <div class="clear"></div>
</div>

<div class="shopNav">
    <div class="slideall">

        <div class="long-title"><span class="all-goods">全部分类</span></div>
        <div class="nav-cont">
            <ul>
                <li class="index"><a href="home" style="display: inline">首页</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=床" style="display: inline">床</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=沙发" style="display: inline">沙发</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=柜子" style="display: inline">柜子</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=桌几" style="display: inline">桌几</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=家具平牌" style="display: inline">家具平牌</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=窗帘" style="display: inline">窗帘</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=壁纸" style="display: inline">壁纸</a></li>
                <li class="qc"><a href="/wood/product/search?searchInput=灯饰" style="display: inline">灯饰</a></li>

            </ul>

        </div>

        <!--侧边导航 -->
        <div id="nav" class="navfull">
            <div class="area clearfix">
                <div class="category-content" id="guide_2">
                    <div class="category">
                        <ul class="category-list" id="js_climit_li">
                            <li class="appliance js_toggle relative first" th:each="levelOne:${Categorylist}">
                                <div class="category-info">
                                    <h3 class="category-name b-category-name"><i><img
                                            th:src="@{/images/cake.png}"></i><a class="ml-22"
                                                                                th:text="${levelOne.name}"></a>
                                    </h3>
                                    <em>&gt;</em></div>
                                <div class="menu-item menu-in top">
                                    <div class="area-in">
                                        <div class="area-bg">
                                            <div class="menu-srot">
                                                <div class="sort-side">
                                                    <dl class="dl-sort">
                                                        <dt><span title="家具">家具</span></dt>
                                                        <dd th:each="levelTwo:${levelOne.children}">
                                                            <a th:href="@{/product/search/(searchInput=${levelTwo.name})}"><span
                                                                    th:text="${levelTwo.name}"></span></a>
                                                        </dd>
                                                    </dl>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <!--轮播 -->
        <script type="text/javascript">
            (function () {
                $('.am-slider').flexslider();
            });
            $(document).ready(function () {
                $("li").hover(function () {
                    $(".category-content .category-list li.first .menu-in").css("display", "none");
                    $(".category-content .category-list li.first").removeClass("hover");
                    $(this).addClass("hover");
                    $(this).children("div.menu-in").css("display", "block")
                }, function () {
                    $(this).removeClass("hover")
                    $(this).children("div.menu-in").css("display", "none")
                });
            })
        </script>


        <!--小导航 -->
        <div class="am-g am-g-fixed smallnav">
            <div class="am-u-sm-3">
                <a href="sort.html"><img th:src="@{/images/navsmall.jpg}"/>
                    <div class="title">商品分类</div>
                </a>
            </div>
            <div class="am-u-sm-3">
                <a href="#"><img th:src="@{/images/mansmall.jpg}"/>
                    <div class="title">个人中心</div>
                </a>
            </div>

        </div>


        <div class="clear"></div>
    </div>
    <script type="text/javascript">
        if ($(window).width() < 640) {
            function autoScroll(obj) {
                $(obj).find("ul").animate({
                    marginTop: "-39px"
                }, 500, function () {
                    $(this).css({
                        marginTop: "0px"
                    }).find("li:first").appendTo(this);
                })
            }

            $(function () {
                setInterval('autoScroll(".demo")', 3000);
            })
        }
    </script>
</div>
<div class="shopMainbg">
    <div class="shopMain" id="shopmain">

        <!--今日推荐 -->

        <div class="am-g am-g-fixed recommendation">
            <div class="clock am-u-sm-3">
                <!--            <img src="../static/images/2016.png "></img>-->
                <p>今日<br>推荐</p>
            </div>
            <div class="am-u-sm-4 am-u-lg-3 ">
                <div class="info ">
                    <h3>壁纸</h3>
                    <h4>科翔爱丁堡970壁纸</h4>
                </div>
                <div class="recommendationMain ">
                    <img th:src="@{/images/科翔爱丁堡970壁纸.jpg}"></img>
                </div>
            </div>
            <div class="am-u-sm-4 am-u-lg-3 ">
                <div class="info ">
                    <h3>壁纸</h3>
                    <h4>御尚居大气豪华欧式窗帘</h4>
                </div>
                <div class="recommendationMain ">
                    <img th:src="@{/images/御尚居大气豪华欧式窗帘.jpg}"></img>
                </div>
            </div>
            <div class="am-u-sm-4 am-u-lg-3 ">
                <div class="info ">
                    <h3>浪漫新婚</h3>
                    <h4>婚房床品</h4>
                </div>
                <div class="recommendationMain ">
                    <img th:src="@{/images/婚房床品.png}"></img>
                </div>
            </div>

        </div>
        <div class="clear "></div>
        <!--热门活动 -->


        <div class="clear "></div>

        <!--甜点-->

        <div class="am-container ">
            <div class="shopTitle ">
                <h4>软装</h4>
                <h3>每一个都有一个故事</h3>
                <div class="today-brands ">
                    <a href="/wood/product/search?searchInput=床">床</a>
                    <a href="/wood/product/search?searchInput=沙发">沙发</a>
                    <a href="/wood/product/search?searchInput=柜子">柜子 </a>
                    <a href="/wood/product/search?searchInput=桌几">桌几</a>
                </div>
                <span class="more ">
                    <a class="more-link " href="/product/search">更多</a>
                        </span>
            </div>
        </div>

        <div class="am-g am-g-fixed floodOne ">
            <div class="am-u-sm-5 am-u-md-3 am-u-lg-4 text-one ">
                <a href="# ">
                    <div class="outer-con ">
                        <div class="title ">
                            守护你的幸福睡眠
                        </div>
                        <div class="sub-title ">
                            伴你安然到天明
                        </div>
                    </div>
                    <img th:src="@{/images/jinxuan.jpg}"/>
                </a>
            </div>
            <div class="am-u-sm-7 am-u-md-5 am-u-lg-4">
                <div class="text-two">
                    <div class="outer-con ">
                        <div class="title ">
                            桌椅
                        </div>
                        <div class="sub-title ">
                            <!--仅售：¥13.8-->
                        </div>

                    </div>
                    <a href="# "><img th:src="@{/images/2501.png}"/></a>
                </div>
                <div class="text-two last">
                    <div class="outer-con ">
                        <div class="title ">
                            衣柜
                        </div>
                        <div class="sub-title ">
                            <!--                        仅售：¥13.8-->
                        </div>

                    </div>
                    <a href="# "><img th:src="@{/images/250165.png}"/></a>
                </div>
            </div>
            <div class="am-u-sm-12 am-u-md-4 ">
                <div class="am-u-sm-3 am-u-md-6 text-three">
                    <div class="outer-con ">
                        <div class="title ">
                            梳妆台
                        </div>

                        <div class="sub-title ">

                        </div>
                    </div>
                    <a href="# "><img th:src="@{/images/shuzhuangtai.png}"/></a>
                </div>

                <div class="am-u-sm-3 am-u-md-6 text-three">
                    <div class="outer-con ">
                        <div class="title ">
                            沙发
                        </div>

                        <div class="sub-title ">
                            让你一坐就上瘾
                        </div>
                    </div>
                    <a href="# "><img th:src="@{/images/safa.png}"/></a>
                </div>


            </div>

        </div>
        <div class="clear "></div>
        <!--坚果-->
        <div class="am-container ">
            <div class="shopTitle ">
                <h4>软装</h4>
                <h3>打造别样家居</h3>
                <div class="today-brands ">
                    <a href="/wood/product/search?searchInput=台灯">台灯</a>
                    <a href="/wood/product/search?searchInput=被褥">被褥</a>
                    <a href="/wood/product/search?searchInput=床垫">床垫 </a>
                    <a href="/wood/product/search?searchInput=墙纸">墙纸</a>
                    <a href="/wood/product/search?searchInput=窗帘">窗帘</a>
                    <a href="/wood/product/search?searchInput=壁布">壁布</a>
                </div>
                <span class="more ">
                    <a class="more-link " href="/product/search">更多</a>
                        </span>
            </div>
        </div>
        <div class="am-g am-g-fixed floodTwo ">


            <div class="am-u-sm-5 am-u-md-4 text-one ">
                <a href="# ">
                    <img th:src="@{/images/chuanlian.jpg}"/>
                    <div class="outer-con ">
                        <div class="title ">
                            自成一角的美景
                        </div>
                        <div class="sub-title ">
                            巧妙挑选不同风格窗帘
                        </div>

                    </div>
                </a>
            </div>
            <div class="am-u-sm-7 am-u-md-4 am-u-lg-2 text-two">
                <div class="outer-con ">
                    <div class="title ">
                        被褥
                    </div>

                    <div class="sub-title ">
                        <!--                    仅售：¥13.8-->
                    </div>
                </div>
                <a href="# "><img th:src="@{/images/beiru.png}"/></a>
            </div>


            <div class="am-u-md-4 am-u-lg-2 text-three">
                <div class="outer-con ">
                    <div class="title ">
                        壁纸
                    </div>

                    <div class="sub-title ">
                        <!--                    尝鲜价：¥4.8-->
                    </div>
                </div>
                <a href="# "><img th:src="@{/images/bizhi.jpg}"/></a>
            </div>

            <div class="am-u-sm-6 am-u-md-3 am-u-lg-2 text-four ">
                <div class="outer-con ">
                    <div class="title ">
                        灯具
                    </div>

                    <div class="sub-title ">
                        <!--                    仅售：¥13.8-->
                    </div>
                </div>
                <a href="# "><img th:src="@{/images/deng.png}"/></a>
            </div>

            <div class="am-u-sm-4 am-u-md-3 am-u-lg-2 text-six">
                <div class="outer-con ">
                    <div class="title ">
                        窗帘
                    </div>

                    <div class="sub-title ">
                        <!--                    尝鲜价：¥4.8-->
                    </div>
                </div>
                <a href="# "><img th:src="@{/images/chuanlian.png}"/></a>
            </div>

        </div>

        <div class="clear "></div>


        <th:block th:include="common.html :: footer"></th:block>
    </div>
</div>

<!--引导 -->

<div class="navCir">
    <li class="active"><a href="home3.html"><i class="am-icon-home "></i>首页</a></li>
    <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
    <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
    <li><a href="../person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>
<!--菜单 -->

<script>
    window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
</script>
<script type="text/javascript " src="../static/basic/js/quick_links.js "></script>
</body>

</html>